export default function TextShow() {
  return (
    <>
      <div className="container w-full mt-20 ml-12 flex justify-center">
        <table className="border-separate border table-auto border-green-800 mb-20 mr-12">
          <tbody>
            <tr className="mt-2 mb-2">
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">自定义颜色对比</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-h1 text-red-500 mr-5">这是一行文本</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-aaa-500 mr-5">这是一行文本</td>
            </tr>
            <tr>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">颜色深浅对比</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-green-500 mr-5">这是一行文本</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-green-100 mr-5">这是一行文本</td>
            </tr>
            <tr>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">文字大小对比</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-yellow-500 mr-5">这是一行文本</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-yellow-500 text-xl mr-5">这是一行文本</td>
            </tr>
            <tr>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">字体对比</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-red-500 font-sans mr-5">This is a sentence</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-red-500 font-serif mr-5">This is a sentence</td>
            </tr>
            <tr>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">斜体对比</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-green-500 not-italic mr-5">This is a sentence</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-green-500 italic mr-5">This is a sentence</td>
            </tr>
            <tr>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">字体粗细对比</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-blue-500 font-bold mr-5">This is a sentence</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-blue-500 font-thin mr-5">This is a sentence</td>
            </tr>
            <tr>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">字符间距对比</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-yellow-500 tracking-tighter mr-5">This is a sentence</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-yellow-500 tracking-widest mr-5">This is a sentence</td>
            </tr>
            <tr>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">文本透明度对比</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-red-500 mr-5">This is a sentence</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-red-500 text-opacity-50 mr-5">This is a sentence</td>
            </tr>
            <tr>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">文本修饰对比（删除线）</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-green-500 underline mr-5">This is a sentence</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-green-500 line-through mr-5">This is a sentence</td>
            </tr>
            <tr>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black">文本大小写对比</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-blue-500 lowercase mr-5">This is a sentence</td>
              <td className="pt-4 pb-4 pl-12 pr-20 border border-black text-blue-500 uppercase mr-5">This is a sentence</td>
            </tr>
          </tbody>
        </table>
      </div>,
    </>
  )
}